<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>水果检测系统</title>
</head>
<body>
    <h1 style="text-align: center;">水果检测系统</h1>
    <div style="width: 90%;margin:0 auto;">
        <div style="float: left; width: 40%; text-align: center;">
            <div style="">
                <form method="post" enctype="multipart/form-data" action="{% url 'index' %}">
　　　　            <input type="file" value="选择文件11" name="image" style="width: 150px;" accept="image/gif, image/jpeg, image/png, image/jpg">
                    <input type="submit">
                    {% csrf_token %}
                </form>
            </div>
            <div style=" height: 300px;">
<!--                <img src="{{ left_image }}" alt="" style="width: 100%;height: 100%;object-fit: cover;">-->
                <img src="{{ left_image }}" alt="" style="width: 90%;height: 90%;">
            </div>
            <div style="text-align: center;">
                用户评价
                <select>
                    <option value ="满意">满意</option>
                    <option value ="不满意">不满意</option>
                </select>
            </div>
        </div>
        <div style="float: right;width: 40%;">
            <div style="text-align: center;">
                <form method="post" action="{% url 'identify' %}">
                    <input type="text" value="{{ left_image }}" name="image" style="display: none">
                    <input type="submit" value="识别">
                    {% csrf_token %}
                </form>
            </div>
            <div style=" height: 300px;">
<!--                <img src="{{ right_image }}" alt="" style="width: 100%;height: 100%;object-fit: cover;">-->
                <img src="{{ right_image }}" alt="" style="width: 90%;height: 90%;">
            </div>
            <div style="text-align: center;">
<!--                <a href="{{ right_image }}" target="_blank">下载</a>-->
                <p>{{ result }}</p>
            </div>
        </div>
    </div>
</body>
</html>